<?php
$title = 'My Lamisa';
$this->headTitle ( $title );
?>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
	$(function() {
	$( "#datepicker" ).datepicker();
	});
	$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
</script>

<div class="col-md-4">
	<div class="panel panel-default" style="width: 1070px; height: 575px; padding: 0;">
		<table height="auto" border="0" align="left"cellpadding="0" cellspacing="0">
			<tr>
				<div class="panel-heading">
					<h3 class="panel-title"><?php echo $this->translate('My Lamisa : Gestion des projets et Compte Rendu des Activités') ?></h3>
				</div>	
							
					<div style="border: 1 none;width: 380px; float:left; border-right: 1px solid #DDDDDD;padding-left: 5px;padding-right: 5px;">
					
							<h5>Choisir votre projet :</h5>

						<div class="panel-body" style="font-family: Times New Roman;">
	
								<h5 style="background-color: #008080;color:white;">
									<?php echo $this->translate('Suivi journalier des activités') ?>
								</h5>
								
								<form id="Cra_Form" name="Cra_Form" method="post" action="/lamisa.burundi/public/application/intranet/demande">
									
									<label for="mois_"><span>Mois</span><select id="mois_" name="mois"><option selected="selected" value="1">Choisir le mois</option>
										<option value="2">Janvier</option>
										<option value="3">Février</option>
										<option value="4">Mars</option>
										<option value="5">Avril</option>
										<option value="6">Mai</option>
										<option value="7">Juin</option>
										<option value="8">Juillet</option>
										<option value="9">Aout</option>
										<option value="10">Septembre</option>
										<option value="11">Octobre</option>
										<option value="12">Novembre</option>
										<option value="13">Decembre</option></select>
									</label> <br>
									<label for="nbrejours"><span>Nbre de jours à valider</span><input style="width: 30px; float: right;" type="text" value="" name="nbre_jours" id="nbrejours" maxlength="2"></label>
									<label for="reste_valider"><span>Reste à valider</span><input style="width: 30px; float: right;" type="text" value="" name="nbrejours" id="reste_valider" maxlength="2"></label>
									<br>
									<label><span>Date du jour:</span> <input style="width: 70px; float: right;" type="text" id="datepicker"></label>
									
									<label><span>Description</span><textarea name="description"></textarea></label>
									
									<div class="control-group">
										<div class="controls">
											<button class="btn btn-primary">Valider</button>
											</div>
									</div>
								
								</form>
								
						 <br>	
					</div>
				</div>	
				
				<div style="border: 1 none;width: 669px; float:left;padding-left: 5px;padding-right: 5px;">
					
						<h5>Récapitulatif de vos activités. </h5>
					<div class="panel-body" style="font-family: Times New Roman;">
						<b>Mois:</b> <div id="mois_t" style="display: inline;"></div>
						
						<div id="datepicker2"></div>
							
							<script>
							$( "#datepicker2" ).datepicker();
							$( "#id^=datepicker" ).datepicker( "option", "monthNames", [ "Janvier", "Fevrier", "Mar", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobrer", "Novembre", "Decembre" ] );
							$( "#datepicker2" ).datepicker( "option", "dayNamesMin", [ "Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa" ] );
							$(".ui-datepicker-inline").css('width','400');
						//	$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
						//	$( "#datepicker2" ).datepicker( $.datepicker.regional[ "fr" ] );
							
							//$( "#datepicker2" ).datepicker({ changeMonth: true });
							//$("#datepicker2").datepicker("setMonth", 2);
							//
						//	$( "#datepicker2" ).datepicker( "setMonth", "11" );
							//var dateFormat = $( "#datepicker2" ).datepicker( "option", "dateFormat" );
							
						//	$( "#datepicker2" ).datepicker( "option", "changeMonth", true );
						//	$('#datepicker2').datepicker(update('month', December));
							</script>
						
					</div
				</div>	
			</tr>
		</table>
	</div>
</div>
